<template>
  <div>
    <van-nav-bar
      title
      left-text="返回"
      left-arrow
      :fixed="true"
      @click-left="onClickLeft"
      @click-right="onClickRight"
    >
      <van-icon name="cross" slot="left" color="black" size="14px" />
      <van-icon name="bell" slot="right" color="black" size="15px" />
    </van-nav-bar>
    <div id="imgs">
         <router-link to="/grxxfb">  <van-image width="78" height="78" src="https://img.yzcdn.cn/vant/cat.jpeg" /></router-link>
    </div>
 
  
    <div id="bt">
      欲哭无泪
      <span></span>
    </div>
    <div id="zh">
      账号:1234567890
      <span></span>
    </div>
    <van-tag round size="medium" plain>用户等级</van-tag>
    <div id="ye">
      <div id="qian">
        <router-link to="/yefb">
          <span>
            余额(元)
            <span>
              <br />
            </span>0.00
          </span>
        </router-link>
      </div>
      <router-link to="/czfb">
        <div>
          <van-button size="normal" type="primary">立即充值</van-button>
        </div>
      </router-link>

      <div id="lb">
        <router-link to="/ddglfb">
          <p>
            <van-icon name="bell" slot="right" color="black" :size="15" />
            <span>订单管理</span>
          </p>
        </router-link>
        <router-link to="/yqyjfb">
          <p>
            <van-icon name="eye" slot="right" color="black" :size="15" />
            <span>邀请有奖</span>
          </p>
        </router-link>
        <router-link to="/kffb" tag="span">
          <p>
            <van-icon name="chat" slot="right" color="black" :size="15" />
            <span>在线客服</span>
          </p>
        </router-link>
        <router-link to="/wddzfb">
          <p>
            <van-icon name="location" slot="right" color="black" :size="15" />
            <span>我的地址</span>
          </p>
        </router-link>

        <router-link to="/zhszfb">
          <p>
            <van-icon name="setting" slot="right" color="black" :size="15" />
            <span>账户设置</span>
          </p>
        </router-link>
        <router-link to="/gdfwjlfb">
          <p>
            <van-icon name="bell" slot="right" color="black" :size="15" />
            <span>更多服务/奖励</span>
          </p>
        </router-link>
      </div>
    </div>
  </div>
</template>


<script>
function bodyScale() {
  var devicewidth = document.documentElement.clientWidth;
  var scale = devicewidth / 320;
  document.body.style.zoom = scale;
}
window.onload = window.onresize = function() {
  bodyScale();
};
import axios from "axios";
export default {
  name: "Zyzlfb",
  methods: {
    onClickLeft() {
      this.$router.push('/zyfb');
    },
    onClickRight() {
      this.$router.push("/xxtzfb");
    }
  },
  mounted() {
    axios({
      method: "get",
      url: "http://10.8.157.7:8080/selectUserLevel",
    }).then(data => {
      console.log(data);
      this.list = data.data.data;
    });
  }
};
</script>


<style >
* {
  margin: 0;
  padding: 0;
}
#imgs{
  margin-top: 58px;
}
.van-image__img {
  border-radius: 50%;
}
#zh {
  font-size: 12px;
}
#bt {
  font-size: 18px;
  font-weight: 900;
}
#ye {
  margin: 15px 0;
  height: 39px;
  text-align: center;
}
#qian {
  width: 167px;
  float: left;
}
#lb {
  float: left;
  margin-top: 10px;
}
#lb p {
  width: 267px;
  height: 34px;
  line-height: 34px;
  text-align: left;
  margin-left: 40px;
  font-size: 14px;
  margin-top: 22px;
}
#lb p span {
  margin-left: 5px;
  color: #101010;
}
.van-tag {
  padding: 0 15px;
}
</style>
